<template>
  <div id="box">
    <div class="box2">
          <van-nav-bar
            title="我的委托"
            left-text=""
            left-arrow
            @click-left="onClickLeft"
            :border="false"    
    />
    </div>
    <div class="fabu">
       <van-steps :active="active">
        <van-step>发布委托</van-step>
        <van-step>案件诊断</van-step>
        <van-step>匹配律师</van-step>
        <van-step>约见线下</van-step>
        <van-step>反馈</van-step>
        </van-steps>
    </div>
    <div class="xq">
        <span>案件资料</span>
        <span>委托详情</span>
        <p>案件类型：</p>
        <p>案件标的：</p>
        <p>案件进度：</p>
        <p>要求律师所在地:</p>
        <p>发布时间：</p>
        <p>是否方便面谈：</p>
        <span>案件基本情况</span>
    </div>

    <div class="dsr">
        <span>当事人诉求</span>
    </div>

    <div class="anjian">
        <span class="anjian-l">案件日志</span>
        <div class="an">
            <img src="/img/Jie_img/组22.png" alt="">
            <p></p>
            <p>操作：sdsds</p>
            <p>时间:sdsd</p>
        </div>
    </div>
  </div>
</template>

<script>
import { Step, Steps } from 'vant';
export default {
    comments:{

    },
    methods:{
        onClickLeft() {
        this.$router.go(-1);
    },
    },
     data() {
    return {
       active: 0,
    };
  },
}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
    }
    .xq{
        height:5.5rem;
        width: 7.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-left: 0.23rem;
    }
    p{
        font-size: 0.24rem;    
        color: #6c6c6c;
    }
    span{
        font-size: 0.36rem; 
    }
    .dsr{
        width: 7.5rem;
        height: 1.52rem;
        border-top:1px solid #efefef;
        border-bottom:1px solid #efefef;
        display: flex;
         flex-direction: column;
        justify-content: center;
    }
    .dsr span{
        margin-left: 0.23rem;
    }
    .anjian{
        height: 3.16em;
    }
    .anjian-l{
         display: flex;
         flex-direction: column;
        justify-content: center;
        height: 0.74rem;
        margin-top: 0.3rem;
    }
    .an{
        margin-top: 0.14rem;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        height: 2.22rem;
    }
    .an.img{
        width: 0.63rem;
        height: 0.63rem;
    }
</style>